<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>
  [v-cloak] {
    visibility: hidden
  }

  *,::after,::before {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent
  }

  html {
    box-sizing: border-box;
    background-color: #f5f5f5;
    color: #333;
    font-size:30px;
    font-family: 'Helvetica Neue',Tahoma,Arial,PingFangSC-Regular,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
    line-height: 1.2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
  }

  body,button,dd,dl,ol,ul {
    margin: 0;
    padding: 0
  }

  h1, h2, h3, h4, h5, h6, p{
    margin:0;
  }

  ol,ul {
    list-style: none
  }

  a {
    outline: 0;
    color: inherit;
    text-decoration: none
  }

  a,img {
    -webkit-touch-callout: none
  }

  button,input,select,textarea {
    outline: 0;
    border: none;
    font-size: inherit;
    font-family: inherit
  }

  h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    font-weight: 400
  }

  img {
    max-width: 100%
  }

  textarea {
    resize: none
  }

  select {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
  }

  input:-webkit-autofill {
    box-shadow: 0 0 0 100px #fff inset
  }

  .shellAnimation {
    -webkit-animation: shellPulse 1s infinite;
    animation: shellPulse 1s infinite
  }

  @-webkit-keyframes shellPulse {
    0% {
      opacity: 1
    }

    50% {
      opacity: .6
    }

    100% {
      opacity: 1
    }
  }

  @keyframes shellPulse {
    0% {
      opacity: 1
    }

    50% {
      opacity: .6
    }

    100% {
      opacity: 1
    }
  }
</style>
